<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Mailer</title>
		<link rel="stylesheet" href="style/main.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</head>
	<body>
		<div id="loginpopup">
			<a href="#" id="closebutton"><img src="media/img/close.png" class="close_button" title="Zamknij Okno" alt="close" /></a>
			<form method="post" action="#" class="login_form" onsubmit="processLogin(); return false;">
				<label>
					<span>Pełna nazwa użytkownika (np. qwerty@local.host)</span>
					<input name="username" id="username" value="" autocomplete="on" type="text" placeholder="Pełna nazwa użytkownika" />
				</label>
				<label>
					<span>Hasło użytkownika</span>
					<input name="password" id="password" value="" type="password" placeholder="Hasło użytkownika" />
				</label>
				<button class="submit button" id="loginFormSubmitButton" type="button">Zaloguj</button>
			</form>
		</div>
		<div class="container" id="pre_login_main_screen">
			<h1>Klient Mail</h1>
			<button type="button" id="showLoginDialogButton" class="bigbutton">Zaloguj</button>
		</div>
		<div class="container" id="post_login_main_screen" style="display: none;">
			<div class="container" style="text-align: right; margin-right: 100px;">
				<form method="post" action="#" onsubmit="processSearch(); return false;">
					<input name="searchphrase" value="" type="text" placeholder="Fraza do wyszukania" onchange="processSearch();" maxlength="150"/>
				</form>
			</div>
			<div class="blocks" style="width: 20%;">
				Skrzynki pocztowe:
				<ul id="mailboxList"> </ul>
			</div>
			<div class="blocks" style="width: 60%">
				Maile w wybranej skrzynce pocztowej:
				<table style="border: 0; width: 90%"id="mailList">
					<tr>
						<th>x</th><th style="width: 15%;">Nadawca</th><th style="width: 60%;">Temat</th><th style="width: 20%;">Data otrzymania</th> <hr />
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>